<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>{$title|default=''}</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<meta name="renderer" content="webkit">
		<meta name="referrer" content="never">
		<meta name="robots" content="noindex, nofollow">
		<link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico" />
		<!-- Loading Bootstrap -->
		<link href="__CDN__/assets/css/backend{$Think.config.app_debug?'':'.min'}.css?v={$Think.config.site.version}" rel="stylesheet">
		{if $Think.config.fastadmin.adminskin}
		<link href="__CDN__/assets/css/skins/{$Think.config.fastadmin.adminskin}.css?v={$Think.config.site.version}" rel="stylesheet">
		{/if}
		<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
		<!--[if lt IE 9]>
          <script src="__CDN__/assets/js/html5shiv.js"></script>
          <script src="__CDN__/assets/js/respond.min.js"></script>
        <![endif]-->
		<script type="text/javascript">
			var require = {config:  {$config|json_encode}};
		</script>
		<style type="text/css">
			.pull-left{width:100%}
			.no-padding{padding:3px !important;}
			.col-sm-3{padding:4px;}
			.thumbnail .caption{padding:0px;}
			.category-add{margin-top:30px;}
			.pagination-detail{display:none}
			.row-flex{margin-left: 15px;margin-right:5px;margin-top:2px;}
			.fixed-table-toolbar .pull-left {margin-bottom: 0px;margin-top: 0px;}
			.mask {position: absolute;opacity: 0;top: 0;border-radius: 10px;cursor: pointer;}
			.attach_select_image{margin: 0px;height: 151px;width: 100%;margin-top: 9px;position: relative;padding-right:10px}
			@media (max-width: 777px) {.col-xs-6{width:33.333%}}
			@media (max-width: 609px) {.col-xs-6{width:50%}.pull-right{display:none}}
			@media (max-width: 500px) {.col-xs-10{padding:0px;}}
			@media (max-width: 356px) {#moveImage{display:none}}
		</style>
	</head>
	<body class="inside-header inside-aside ">
		<div id="main" role="main">
			<div class="tab-content tab-addtabs">
				<div id="content">
					<div class="row">
						<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
							<div class="content">
								<div class="panel panel-default panel-intro">
									<div class="panel-body">
										<div id="myTabContent" class="tab-content">
											<div class="tab-pane fade active in" id="one">
												<div class="widget-body no-padding col-sm-2 col-md-2 col-xs-2">
													<div class="list-group filter-type" style="margin-top:-3px;">
														<a href="javascript:;" data-value="" style="margin-bottom:15px;" class="list-group-item active">全部</a>
														{foreach name="categoryList" id="item"}
														<a href="javascript:;" style="margin-bottom:15px;" data-value="{$key}" class="list-group-item">{$item}</a>
														{/foreach}
													</div>
												</div>
												<div class="fixed-table-toolbar col-sm-10 col-md-10 col-xs-10">
													<div class="bs-bars pull-left toolbar" id="toolbar">
														<a href="javascript:;" class="btn btn-primary btn-refresh" style="margin-left:20px" title="刷新"><i class="fa fa-refresh"></i> </a>
														<button class="btn btn-default dropdown-toggle" type="button" id="moveImage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">移动至 <span class="caret"></span>
														</button>
														<ul class="dropdown-menu" aria-labelledby="moveImage">
															{foreach name="categoryList" id="item"}
																<li><a href="javascript:;" data-value="{$key}">{$item}</a></li>
															{/foreach}
														</ul>
														<input type="hidden" name="multiple" id="multiple" value="{$multiple}">
														<button type="button" id="faupload-images" class="btn btn-info faupload" data-multiple="true" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" style="position:relative;right:0px;top:-0px;">
																<i class="fa fa-upload"></i> 上传图片
														</button>
														
														<div class="input-group pull-right" style="width:180px;margin-right:9px">
														  <input class="form-control" name="filename" id="filename" type="text" placeholder="请输入文件名搜索">
														  <span class="input-group-addon"><i class="glyphicon glyphicon-search" style="cursor:pointer"></i></span>
														</div>
													</div>
													<table id="table" class="table table-striped table-bordered table-hover table-nowrap" data-search="false" data-show-toggle="false" data-show-columns="false" data-show-export="false" data-common-search="false" width="100%">
													</table>
												</div>
											</div>
										</div>
									</div>
								</div>
								<script id="itemtpl" type="text/html">
									<div class="col-lg-2 col-md-2 col-sm-3 col-xs-6" style="flex-direction:inherit">
										<div class="thumbnail" title="<%=item.filesize%><%=item.filename%>">
											<img class="picture" src="<%=item.fullurl%>" data-src="<%=item.url%>" onerror="this.src='{$domain}/ajax/icon?suffix=FAIL';this.onerror=null;" style="width:150px;height:150px;object-fit: cover;" alt="<%=item.title%>">
											<input type="checkbox" value="<%=item.id%>" name="checkbox" style="display:none">
											<div class="caption">
												<h4><%=item.filename?item.filename.substring(0,8):'无'%></h4>
											</div>
											<div class="mask" name="mask" data-id="<%=item.id%>" data-select="0">
												<img src="/assets/img/attach_select.png" class="attach_select_image">
											</div>
										</div>
									</div>
								</script>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="/assets/js/require.js" data-main="/assets/js/require-backend.js"></script>
	</body>
</html>